// pages/search/search.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    searhStyle:"",
    coffeeList:[],
    hotWords:[],
    keyword:"",
    coffee:[],
  },
  // 回退到菜单页面
  back(){
    wx.switchTab({
      url: '/pages/menu/menu',
    })
  },
  //搜索框
  onInput(event){
    this.setData({
      keyword: event.detail.value
    })
    console.log(event.detail)
  },
  //清除输入框的值
  handleClearTap() {
    this.setData({
      keyword: ''
    });
  },
  //传入搜索关键词
  onSearch(){
    if(this.data.keyword == '') {
      this.setData({
        keyword:"2024心想事成🍊"
      })
    }
    const keyword = this.data.keyword
    console.log(keyword)
    wx.navigateTo({
      url: '/pages/temp/temp?keyword=' + keyword,
    })
  },
  // 热门搜索
  hotSearch(event){
    console.log(this.data.hotWords[event.currentTarget.dataset.idx].hotWords)
    let ky = this.data.hotWords[event.currentTarget.dataset.idx]
    this.setData({
      keyword:ky.hotWords
    })
    wx.cloud.callFunction({
      name:"updateHotWords",
      data:{
        hotWords:this.data.hotWords[event.currentTarget.dataset.idx].hotWords
      }
    }).catch(res => {
      console.log(res)
    })
  },
  getCenterPostion() {
    //代码写在这里 获取胶囊的样式内容
    let { top, height } = wx.getMenuButtonBoundingClientRect()
    let centerPosition = top + height / 2
    let searhStyle = "margin-top:calc(" + centerPosition + "px - 26rpx)"
    this.setData({
      searhStyle: searhStyle
    })
  } ,
  //跳到对应商品的详情页面
  shop(event){
    console.log(event.currentTarget.dataset.idx)
    const id = event.currentTarget.dataset.idx
    wx.navigateTo({
      url: '/pages/shopItem/shopItem?id='+id,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getCenterPostion()
    this.selectCoffee()
    this.getHotwords()
  },
  // 获取商品
  selectCoffee(){
    wx.cloud.callFunction({
      name:"getCoffeeList"
    }).then(res => {
      console.log(res)
      this.setData({
        coffeeList:res.result.data
      })
    })
  },
  //获取热搜词
  getHotwords(){
    wx.cloud.callFunction({
      name:"getHotWords"
    }).then(res => {
      this.setData({
        hotWords:res.result.data
      })
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})